<#compress>
<!doctype html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=320, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/mobileweb/scripts/flexslider/flexslider.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/mobileweb/css/ktvOrder.css?_=${.now?string('yyyy-MM-dd')}">
</head>
<body>
<input type="hidden" name="projectId" id="projectId" value="${record.id}"/>
<input type="hidden" name="mid" id="mid" value="${mid}"/>
<input type="hidden" name="wxno" id="wxno" value="${wxno}"/>
<input type="hidden" name="ctx" id="ctx" value="${ctx}"/>

<div class="page">
    <div id="main">
        <div class="header">
            <!-- 头部图片轮循 -->
            <div class="flexslider">
                <ul class="slides">
                    <#if record.picture??>
                        <#list record.picture?split(',') as i>
                            <#if i?? && i != ''>
                                <li>
                                    <img src="${ctx}/${i}"/>
                                </li>
                            </#if>
                        </#list>
                    <#else>
                        <li>
                            <img src="${ctx}/static/mobileweb/images/share.png"/>
                        </li>
                    </#if>
                </ul>
            </div>
            <div class="header-title">
                <div class="header-location">
                    <img src="${ctx}/static/mobileweb/images/ktvOrder/location.png"/>
                    <span>位置：${record.fname!}&nbsp;&nbsp;${record.location!}</span>
                </div>
                <div class="header-care">
                    <img src="${ctx}/static/mobileweb/images/ktvOrder/heart.png"/>
                    <span>${count!}</span>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="center">
                <div class="center-part">
                    <div class="part-header">
                        <div class="part-header-left">
                            <img src="${ctx}/static/mobileweb/images/ktvOrder/hui.png"/>
                            <span>优惠详情</span>
                        </div>

                        <div class="part-header-right">
                            <span>￥${record.price!}</span>
                        </div>
                    </div>
                    <div class="part-content">
                        <div class="part-content-left">${record.remark!}</div>
                    </div>
                </div>
                <div class="center-part">
                    <div class="part-header">
                        <div class="part-header-left">
                            <img src="${ctx}/static/mobileweb/images/ktvOrder/book.png"/>
                            <span>预订规则</span>
                        </div>
                    </div>
                    <div class="part-content">
                        <div class="part-content-left">
                            <table>
                                <tr>
                                    <td> ${record.rule!}</td>
                                    <td align="right">
                                        <div class="part-content-right">
                                            <#if record.contact??>
                                                <img src="${ctx}/static/mobileweb/images/ktvOrder/call.png" id="phone-call" data-phone="${record.contact!}"/>
                                            <#else>
                                                <img src="${ctx}/static/mobileweb/images/ktvOrder/nocall.png"/>
                                            </#if>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>

                    </div>
                </div>

                <div class="center-form">
                    <img src="${ctx}/static/mobileweb/images/ktvOrder/person.png"/>
                    <span>预订姓名</span>
                    <input name="name" id="name" type="text"/>
                </div>
                <div class="center-form" style="border: 0">
                    <img src="${ctx}/static/mobileweb/images/ktvOrder/phone.png"/>
                    <span>预订手机</span>
                    <input name="phone" id="phone" type="tel"/>
                </div>

            </div>
            <div class="footer">
                <div class="button" id="book_btn">立即预订</div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="${ctx}/static/mobileweb/scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/mobileweb/scripts/noty/jquery.noty.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/mobileweb/scripts/flexslider/jquery.flexslider.js"></script>
    <script type="text/javascript">
        var _g = {
            ctx : '${ctx}',
            ok_link : '${ctx}/mobileweb/ktv/ok?mid=${mid}&wxno=${wxno}'
        }
    </script>
    <script type="text/javascript" src="${ctx}/static/mobileweb/scripts/p/ktvOrder.js"></script>

</body>
</html>
</#compress>